<template>
   <div>
     <div id="side-bar">
        <slot></slot>
     </div>
   </div>
</template>

<script>
export default {
   name: 'sideBar'
};
</script>

<style>
#side-bar{
   
    display: flex;
    flex-direction: column;
    margin-top: 100px;
    /* 放下面 */
    /* position: fixed; 
    left: 0;
    bottom: 0;
    box-shadow: 0px -1px 1px rgba(100,100,100,.1); */ 
}
</style>